<!doctype html>
<html>
	<head>
		<!--声明当前页码的编码集：charset=gbk,gb2312(中文编码),utf-8(国际编码)-->
		<meta http-equiv="content-Type" content="text/html;charset=utf-8">
		<!--当前页面的三要素-->
		<title>第五节:三种列表知识详解</title>
		<meta name="keywords" content="关键词,关键词">
		<meta name="description" content="">

		<!--css,js-->
		<style type="text/css">
			*{margin:0;padding:0;}
			body{height:1000px;font-size:12px;font-family:"微软雅黑"; color:#000}
		</style>
	</head>
<body>
	<h1>第五节：三种列表知识详解</h1>
	<pre>
	<h2>HTML标签 - 无序列表</h2>
    无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 &lt ul> 标签
    每个列表项始于 &lt li> （列表项内部可以使用段落、换行符、图片、链接以及其他列表等）
    具体事例：
    &lt ul>
       &lt li>列表项1&lt/li>
       &lt li>列表项2&lt/li>
           &lt ul>
		      &lt li>列表项1&lt/li>
		      &lt li>列表项2&lt/li>
           &lt/ul>
    &lt/ul>
	</pre>
	<ul>
		<li>列表项1</li>
		<li>列表项2</li>
			<ul>
				<li>列表项1</li>
				<li>列表项2</li>
			</ul>
	</ul>

	<pre>
	<h2>HTML标签 - 有序列表</h2>
    和无序列表一样，有序列表是一列项目，列表项目使用数字进行标记。有序列表始于 &lt ol> 标签
    每个列表项始于&lt li> 标签（列表项内部可以使用段落、换行符、图片、链接以及其他列表等） 
    &lt ol>
      &lt li>有序列表项1&lt/li>
      &lt li>有序列表项2&lt/li>
		  &lt ol>
			  &lt li>有序列表项1&lt/li>
			  &lt li>有序列表项2&lt/li>
		  &lt/ol>
    &lt/ol>
	</pre>
	<ol>
		 <li>有序列表项1</li>
		 <li>有序列表项2</li>
			 <ol>
				 <li>有序列表项1</li>
				 <li>有序列表项2</li>
			 </ol>
	</ol>

	<pre>
	<h2>HTML标签 - 自定义列表</h2>
    自定义列表不仅仅是一列项目，而是项目及其注释的组合。
    自定义列表以 &lt dl> 标签开始；
    每个自定义列表项以 &lt dt> 开始；
    每个自定义列表项的定义以 &lt dd> 开始。
   （定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等）
	&lt dl>
		&lt dt>自定列表项1&lt/dt>
		&lt dd>列表项的定义1&lt/dd>
		&lt dt>自定列表项2&lt/dt>
		&lt dd>列表项的定义2&lt/dd>
	&lt/dl>
	</pre>
	<dl>
		<dt>自定列表项1</dt>
		<dd>列表项的定义1</dd>
		<dt>自定列表项2</dt>
		<dd>列表项的定义2</dd>
    </dl>
	<pre>
	<h2>HTML标签 - 列表标签的应用</h2>
    <1> 不同类型的无序列表： type=“disc/circle/square”项目符号列表 ;
    <2> 不同类型的有序列表： type=“默认数字/大写字母A/小写字母a/大写罗马字母I/小写罗马字母i” 列表 ;
    <3> 嵌套列表： ul li(中嵌套ul li) ;
    <4> 2级嵌套列表： ul li(中嵌套ul li<中嵌套ul li>) ;<5> 定义列表；
	</pre>
	
</body>
</html>